<template>
  <el-container class="app_container">

    <el-header style="display: flex">

      <h3 style="display:block;text-align:center">
        快速报表配置工具


      </h3>

    </el-header>
    <el-main style="display: flex;height: 100%">

        <el-menu router default-active="/reportList" :collapse="isCollapse">


          <el-submenu index="0">
            <template slot="title">
              <i class="el-icon-tickets"></i>
              <span>图册管理</span>
            </template>

            <el-menu-item index="/albumList">图册列表</el-menu-item>

            <el-menu-item index="/layoutEditContainer">新建图册</el-menu-item>
          </el-submenu>

          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-tickets"></i>
              <span>报表管理</span>
            </template>

            <el-menu-item index="/reportList">报表列表</el-menu-item>

            <el-menu-item index="/reportNameEdit">新建报表</el-menu-item>
          </el-submenu>

          <el-submenu index="2">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>基础数据管理</span>
            </template>


            <el-submenu index="3">
              <template slot="title">
                <i class="el-icon-menu"></i>
                <span>查询管理</span>
              </template>

              <el-menu-item index="/query">查询列表</el-menu-item>

              <el-menu-item index="/queryEdit?type=INSERT">添加查询</el-menu-item>
            </el-submenu>

            <el-submenu index="4">
              <template slot="title">
                <i class="el-icon-goods"></i>
                <span>数据源管理</span>
              </template>

              <el-menu-item index="/datasourceHome">数据源列表</el-menu-item>

              <el-menu-item index="/datasourceEdit?type=INSERT">添加数据源</el-menu-item>
            </el-submenu>
          </el-submenu>

          <!--
                  <el-menu-item index="/about" > <i class="el-icon-info"></i>关于项目</el-menu-item>-->
        </el-menu>


        <router-view style="flex: 1"></router-view>
    </el-main>



  </el-container>
</template>
<script>

  export default {

      data(){
          return {
              isCollapse:false
          };
      }
  }

</script>
<style>
.app_container {
  height: 100%;
  width: 100%;
}
</style>
